.container{max-width: 1200px;padding: 0 15px;}
.w-100{width: 100%;}
.content img,.content table{max-width: 100%!important;height: auto!important;}
.fl{float: left;}

/* top */
.top_fh{position: fixed;bottom: 20px;right: 20px;display: none;}
.icon-arrow-right-copy,.icon-arrow-right-copy:hover{color: #fff;}
.top_fh >span{z-index: 10000;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;cursor: pointer;position: relative;display: block;width: 32px;height: 32px;background:#006038;text-align: center;line-height: 36px;}
.top_fh >span>a{color: #fff;font-size: 12px;}
.icon-jiantouarrow487-copy-copy{font-size: 24px!important;}

.index_logo li{display: inline-block;vertical-align: middle;}
.index_left{margin-left: 10px;}
.logo_title{font-size: 26px;color: #006038;font-weight: bold;}
.logo_text{font-size: 16px;color: #888;}

.hotline_tel{position: relative;}
.hotline_tel .hotline{position:absolute;right: 0;padding: 0 24px;top: 15px;font-size: 14px;color: #888;}

@media(max-width: 800px){
    .top_fh{bottom: 0;right: 0px;}
}

@media(max-width: 1440px){
    .hotline{margin-left: 10px;}
}
/* top end */

/* pc-header logo */
.header{position: fixed;top:0;left: 0;z-index: 500;width: 100%;height: 100px;background: #fff;-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);box-shadow: 0 2px 6px rgba(0, 0, 0, .1);}
.header-full{position: relative;}
.header .logo{float: left;height: 80px;width: auto;margin: 10px 0;padding-right: 10px;border-right: 1px solid #d6d6d6;}
.header .logo img{width: auto;height: 100%;}

.language{margin-top: 39px;float: right;margin-left: 20px;}
.language a{display:block;float: left;width:30px;height: 30px;font-size:14px;text-align: center;line-height: 30px;color: #999;border-radius: 50%;background: transparent;font-family: arial;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.language a:hover{color: #006038}
.language a.on{color: #fff;background: #006038;}

.navbar{float: right;margin-left:90px;}
.category-item{float: left;padding:0 24px;}
.category-a{display: block;position: relative;font-size:16px;line-height: 70px;margin-top: 30px;}
.category-a::after{content: "";width:0;height: 3px;background: #006038;position: absolute;bottom: 0;left: 0;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.category-item.active .category-a,.category-item:hover .category-a{color: #006038;}
.category-item.active .category-a::after,.category-item:hover .category-a::after{width: 100%;}

.header .dropdown-menu{position: absolute;top: 100%;z-index: 1100;background-color: #f5f5f5;border-top: 1px solid #cdcdcd;-webkit-transition: none;-o-transition: none;transition: none;height: auto;display: none;overflow: hidden;width: 100%;left: 0;margin-top: 0;-ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05); -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);}
.category-item:hover .dropdown-menu {display: block;visibility: visible;}
.navbar:hover .category-item:hover .dropdown-menu{opacity: 1;visibility: visible;}

.drop-padd{padding:55px 0 50px 250px;}
.drop-padd dl{float: left;margin-left: 15px;width: 320px;height: 130px;}
.drop-padd dt{padding-bottom: 15px;border-bottom: 1px solid #dbdbdb;position: relative;margin-bottom: 10px;}
.drop-padd dt::after{content: '';width:30px;height: 2px;background: #006038;position: absolute;bottom: 0;left: 0;z-index: 2;}
.drop-padd dt a{font-size:20px;color: #444;line-height: 24px;}
.drop-padd dd{padding:7px 0;width: 30%;float: left;}
.drop-padd dd a{color: #666;}
.drop-padd dd a::before{content: ">";font-size: 14px;color: #777;font-family: "??"; margin-right: 10px; display: inline-block;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.drop-padd dl a{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.drop-padd dl a:hover,.drop-padd dl a:hover::before{color: #006038}
.drop-menu dl{width: 100%;}
/*.drop-menu dl{float: left;width: 60%;}
.drop-menu dd{float: left;width: 50%;}*/

.drop-pic{float: right;padding:0 32px 0 42px;border-left: 1px solid #d7d7d7;}
.drop-pic .m-pic{width: 320px;height: 180px;overflow: hidden;}
.drop-pic .m-pic img{width: 100%;height: 100%;-webkit-transition: all .8s;-o-transition: all .8s;transition: all .8s;}
.drop-pic .m-pic:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.container-middle{width: 1400px;}
/* pc-header logo end */

/* app-header logo */
.header-app{position: fixed;top: 0;left: 0;width: 100%;height: 50px;z-index: 500;overflow: hidden;-webkit-box-shadow: 3px 0 7px 0 rgba(0,0,0,.1);box-shadow: 3px 0 7px 0 rgba(0,0,0,.1);display: none;-webkit-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);-o-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);}
.header-app.open-menu{height: 100%; background: #fff;-webkit-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);-o-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);}
.navbar-app{position: relative;background:#fff;height: 50px;text-align: center;}
.header-app .logo{float: left;height: 50px;vertical-align: middle;padding: 4px 6px 4px 15px;}
.header-app .logo img{height: 100%;}

.navbar-togger {float: right;background: transparent;border: none;padding: 17px 20px;display: inline-block;visibility: visible;transition: transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96),opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1),-webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96);position: relative;}
.navbar-togger .icon_bar {width: 20px;height: 2px;background-color: #006038; opacity: 1;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.navbar-togger .icon_bar:nth-of-type(2) {margin:5px 0;}
.open-menu .navbar-togger .icon_bar:nth-of-type(2) {opacity: 0;}
.open-menu .navbar-togger .icon_bar:first-child {-webkit-transform: translate(0,7px) rotate(45deg);-ms-transform: translate(0,7px) rotate(45deg);transform: translate(0,7px) rotate(45deg);}
.open-menu .navbar-togger .icon_bar:last-child {-webkit-transform: translate(0,-7px) rotate(-45deg);-ms-transform: translate(0,-7px) rotate(-45deg);transform: translate(0,-7px) rotate(-45deg);}
.nav-menu{position: absolute;top: 50px;left: 0;bottom: 0;right: 0;width: 100%;z-index: 620;padding:20px;overflow-x: hidden;overflow-y: auto;visibility: hidden;-webkit-transition: visibility 0s linear 1s;-o-transition: visibility 0s linear 1s;transition: visibility 0s linear 1s;}
.header-app.open-menu .nav-menu{visibility: visible;-webkit-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}
.nav-list li{border-bottom: 1px solid #ccc;opacity: 0;pointer-events: none;}
.header-app.open-menu .nav-list li{opacity: 1;pointer-events: auto;-webkit-transform: none;-ms-transform: none;transform: none;}

.cate-item{position: relative;}
.cate-item a{font-size: 16px;line-height: 48px; margin-right: 60px;display: block;}
.nav-list li.active .cate-item a{color: #006038}
.category-cont a:last-child{border:none;}
.category-cont a.active{color:#006038;}
.category-tig{font-size: 14px;color: #888;text-align: right;line-height: 48px;width: 50px;height: 48px;position: absolute;right: 0;top: 0;z-index: 2;}
.category-tig::before,.category-tig::after{ content: "";background: #888;position: absolute;top:50%;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.category-tig::before{width:16px;height: 2px;right:0;margin-top:-1px;}
.category-tig::after{width:2px;height: 16px;margin-top: -8px;right:7px;}
.nav-list li.open .category-tig::after{opacity: 0;}
.category-cont{display: none;}
.nav-list li.open .category-cont{display: block;}
.category-pad{padding-bottom: .2rem;border-top: 1px solid #ccc;}
.category-cont a {line-height: 36px;border-bottom: 1px solid #ccc;display: block;text-indent: 2em;}
.category-pad a.active{color: #F66C01;}
.app-search{position: relative;}
.app-search-text{width: 76%;height: 48px;font-size: 14px;text-align: left;display: inline-block;vertical-align: middle;}
.app-search-btn{width: 48px;height: 48px;display: inline-block;background: transparent;vertical-align: middle;font-size: 16px;line-height: 48px;text-align: right;position: absolute;right: 0;top:0;}
.nav-language{text-align: center;padding:10px 0;}
.nav-language a {display: inline-block;width: auto;height: 26px;border: none;font-size: 14px;line-height: 26px;padding: 0 20px;margin: 0 5px;vertical-align: middle;border-radius: 20px;}
.nav-language a.on {background: #006038;color:#fff;}
.wrapper{padding-top: 100px;}
/* app-header logo end */

.banner img{width: 100%;}
@media (max-width: 1440px){
    .container-middle,.main{width: 1200px;}
    .category-item{padding:0 15px!important;}
}

@media (max-width: 1220px) {
    .container{max-width: 1035px;}
    .container-middle,.main{width:1100px;}
    .drop-padd dl{width: 30%;}
    .drop-menu dl{width: 50%;}
    .drop-padd{padding-left: 50px;}
    .navbar{margin-left: 30px;}
    .category-item{padding: 0 10px;}
}

@media (max-width: 769px) {
    .main{width: 750px;}
}

@media (max-width: 992px) {
    .main{width: 970px;}
    .foot-left dl{width: 107px;}
    .foot-mid{margin-left: 35px;}
    .ine-right{width:410px;margin-left: 20px;}
    .ine-list{margin-left: 20px;}
    .ine-big{margin-left: -20px;}
    .ine-list{width: 260px;}
    .inr-right{width: 260px;margin-left: 20px;}
    .index-three li{padding: 0 50px;}
}

@media (max-width: 1025px){
    .header,.foot{display: none;}
    .banner{margin-top: 50px;}
    .header-app,.app-banner,.footer{display: block;}
    .wrapper{padding-top: 50px;}
    .main{width: auto;padding: 0 20px;}

    /*?Ò³*/
    .index-one li p{padding: 0 10px;}   
    .index-three li{padding: 0 50px;}  
    .ine-big{margin-left: 0;}
    .ine-list{display: none;}
    .inr-right{width: 75%;}
    .ine-right{width: 100%;margin-left: 0;}     
    .ine-top{margin-bottom: 15px;}
}

@media (max-width: 640px){
    .timer{font-size: 30px;line-height: 30px;}
    .index-tit2{width: 90%;}
    .inr-right{width: 70%;}
    .index-tit{font-size: 26px;}
    .index-four,.h-about-fig,.habout-video{height: 360px;}
     .index-four{padding-top: 80px;}   
}

@media (max-width: 375px){
    .inr-right{width: 53%;}
    .index-three li{padding: 0 20px;}
    .index-four, .h-about-fig, .habout-video{height: 200px;}
}

@media (max-width: 320px){
    .index-three li{padding: 0 10px;}
    .index-tit2{width: 100%;}
    .index-one li a,.int-right a{width: 120px;height: 35px;line-height: 35px;background-position: right 20px center;padding-right: 20px;font-size: 14px;}
    .index-one li h4{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .ine-top a{width: 90px;height: 30px;line-height: 28px;margin: 0 1px;}
    .inr-left{width: 100px;height: 63px;}
    .inr-right h3{margin-bottom: 5px;}
    .inr-list{padding: 20px 0;}
    .foot-share a{margin-left: 5px !important;}
    .footer-right{width: 57%;}
    .ewm{width: 120px;}
    .footer-bot .link a{padding: 0 4px;}
    .index-four, .h-about-fig, .habout-video{height: 180px;}
    .index-four{padding-top: 30px;}
}
/* banner */
.banner{margin-top: 100px;}
.banner .swiper-slide{background-repeat: no-repeat;background-size: cover;}
.banner .swiper-slide img{display: block;width: 100%;}
.banner .swiper-pagination{bottom: 40px!important;height: 14px;}
.banner .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;margin: 0 5px;opacity: 1;}
.banner .swiper-pagination-bullet-active{position: relative;}
.banner .swiper-pagination-bullet-active:before{content: "";background: none; border: 1px solid #fff;width: 18px;height: 18px;display: inline-block;border-radius: 50%;position: absolute;top: -4px;left: -4px;}
.banner .swiper-button-next,.banner .swiper-button-prev{opacity: 0;}
.banner:hover .swiper-button-next,.banner:hover .swiper-button-prev{opacity: 1;}

@media(max-width:1025px){
    .banner .swiper-pagination{bottom: 10px!important;}
    .header,.foot{display: none;}
    .banner{margin-top: 50px;}
    .header-app,.footer{display: block;}
}
/* banner end */

/* Key word */
.guan{width: 100%;padding: 8px 0;background: #fff;}
.guan_b{float: left;}
.guan_c{float: right;}
.guan_a {overflow: hidden;}
.guan_a .guan_b li{display: inline-block;font-size: 14px;line-height: 40px;color: #006038;font-weight: bold;}
.guan_a .guan_b li>a{padding: 0px 4px;color: #323232;font-weight: normal;}
.guan_a .guan_b li>a:hover{color: #006038;}
.guan_c {position: relative;border-radius: 20px;overflow: hidden;margin-top: 6px;}
.guan_c form input{border: 1px solid #d0d0d0; width: 320px;height: 30px;font-size: 12px;color: #999;border-radius: 20px;padding-left: 15px;box-shadow: 2px 2px 2px #ddd  inset;}
.guan_c form button{background: url(../images/seach.png) no-repeat;width: 46px;height: 30px;position: absolute;top: 50%;right: 0;transform: translateY(-50%);background-size: 100% 100%;}

@media(max-width: 800px){
    .guan{display: none;}
}
/* Key word end */

/* Automation products */
.index_box{background:#f6f6f6;padding: 50px 0;}
.automation{margin-top: 30px;/*position: relative;background: url(../images/autoa.jpg) no-repeat;height: 200px;width: 100%;*/}

/*.automation .pro-lefts{width: 266px;height: 20px;background: url(../images/pro1.png) no-repeat;position: absolute;top:-20px;background-size: 100% 100%;}
.automation .pro-left{width: 242px;position: absolute;top:0;margin-left: 12px;background: #2ba6e1;}
.pro_img{text-align: center;background: #07aa67;min-height: 150px;line-height: 150px;}
.sorts{background:#f6f6f6;margin-top: 148px;padding-bottom: 70px;}
.sort1{background: #07aa67;width: 242px;margin-left: 12px;box-shadow: 0 2px 15px #888;float: left;}
.sort1 li a{display: inline-block;width: 100%; color:#fff;font-size:16px;padding: 12px 12px 12px 40px;}
.sort1 li a:hover{background: #006038;}*/

/*.pro-right{width:74%;margin-top: 30px; float: right;position: relative;z-index: 99;overflow: hidden;}*/
.product_list{font-size: 0;}
.product_list li{width: 24%;display: inline-block;margin: 10px 0.5%;}
.product_list li>a img{border: 1px solid #ddd;}
.product_list li>a:hover img{border: 1px solid #2ba6e1;}
.product_list li>a{width: 100%;display: inline-block;}
.desc_title,.desc_text{line-height: 2;text-align: center;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;height: 2em;}
.product_list li>a .desc_title{margin-top: 8px;font-size:14px;color:#373737;margin: 8px 30px 0;}
.product_list li>a:hover .desc_title{color: #07aa67;}
.product_list li>a .desc_text{font-size: 12px;color: #acacac;margin: 0 10px;}

@media(max-width: 1200px){
    .automation .pro-lefts{width: 234px;}
    .automation .pro-left{width: 212px;}
    .sort1{width: 212px;}
}

@media(max-width: 1000px){
    .automation .pro-lefts,.automation .pro-left,.sort1{display: none;}
    .pro-right{width:100%;}
}
@media(max-width: 800px){
    .index_box{padding: 30px 0;}
}
@media(max-width: 600px){
    .automation{margin-top: 24px;/*height: 0;*/}
    .sorts{margin: 0;}
    .pro-right{margin-top: 0;}
    .product_list li{width: 49%;margin: 0 0.5%;}
    .product_list li>a .desc_title{margin: 8px 0 0;}
    .product_list li>a .desc_text{margin: 0;}
}
/* Automation products end */

/* Enterprise advantage */
.ino{overflow: hidden;}
.index-one{background: url(../images/ino-bg.png) no-repeat center top;height: 720px;position: relative;top: 65px;}
.index-tit{text-align: center;padding-bottom: 16px;position: relative;}
.index-tit h5{font-size: 32px;color: #494949;}
.index-tit h6{font-size: 14px;color: #999;line-height: 2;}
.index-tit:after,.index-one li:hover h4:after{position: absolute;content: "";width: 36px;height: 3px;background: #006038;left: 50%;transform: translateX(-50%); bottom: 0;}
.index-one  .index-tit{ margin-top: 80px;}
.ino{position: absolute;top: 5px;left: 0;width: 100%;height: 650px;}
.index-one ul{height: 650px;margin-left: -1.5%;}
.index-one li{width: 23%;height: 650px;overflow: hidden;transition: all .8s;margin: 0 1% ;float: left;}

.ino-icon{transition: all .8s; width: 136px;height: 136px;margin: 0 auto;margin-top: 259px; border: solid 1px #adadad;border-radius: 50%;background-size: 100% 100%;}
.index-one li .ino-icon1{background: url(../images/1.png) no-repeat center;}
.index-one li:hover .ino-icon1{background: url(../images/1-1.png) no-repeat center;}
.index-one li .ino-icon2{background: url(../images/2.png) no-repeat center;}
.index-one li:hover .ino-icon2{background: url(../images/2-1.png) no-repeat center;}
.index-one li .ino-icon3{background: url(../images/3.png) no-repeat center;}
.index-one li:hover .ino-icon3{background: url(../images/3-1.png) no-repeat center;}
.index-one li .ino-icon4{background: url(../images/4.png) no-repeat center;}
.index-one li:hover .ino-icon4{background: url(../images/4-1.png) no-repeat center;}
.index-one li .ino-icon5{background: url(../images/5.png) no-repeat center;}
.index-one li:hover .ino-icon5{background: url(../images/5-1.png) no-repeat center;}

.index-one li h3{font-size: 32px;font-weight: bold; color: #494949;text-align: center;line-height: 1;margin-top: 22px;}
.index-one li h4{font-size: 18px;color: #6d6d6d;text-align: center;line-height: 14px;font-family: arial;margin-top: 9px;}
.index-one li p{opacity: 0;transition: all .8s; color: white;font-size: 14px;line-height: 26px;padding:0 40px;text-align: center;margin-top: 30px;}
.index-one li a{transition: all .8s; opacity: 0;transition: all .8s;display: block;margin: 0 auto;width: 120px;height: 40px;line-height: 38px;border: solid 1px #fde4d1;border-radius: 30px;text-align: center;color: #fff;padding-right: 20px;margin-top: 45px;}
.index-one li a:hover{background-position: right 25px center;}
.index-one li:hover{background: #006038;}
.index-one li:hover h3{display: none;}
.index-one li:hover .ino-icon{margin-top: 122px;border: none;background-color: white;}
.index-one li:hover p,.index-one li:hover a{opacity: 1;}
.index-one li:hover h4{color: white;margin-top: 25px;position: relative;}
.index-one li:hover h4:after{background: #fff;bottom: -20px;}

@media (max-width: 1025px){
    .index-one{height: auto;padding-bottom: 80px;}
    .ino{height: auto;position: static;}
    .index-one ul,.index-one li{height: auto;margin: 0;text-align: center;}
    .index-one li{width: 30%;display: inline-block;float: none;}
    .ino-icon{margin-top: 60px;}
    .index-one li p{opacity: 1;color: #6d6d6d;}
    .index-one li:hover{background: #fff;}
    .index-one li:hover .ino-icon{margin-top: 0; border: solid 1px #adadad; background-color: white;}
    .index-one li:hover p,.index-one li:hover a{opacity: 1;}
    .index-one li:hover h3,.index-one li:hover h4{color: inherit;}
    .index-one li:hover h3{display: block;}
    .index-one li:hover h4{margin-top:9px;}
    .index-three li{padding: 0 25px;}
    .index-one li a{border: solid 1px #6d6d6d;color: #6d6d6d;opacity: 1;}
}

@media (max-width: 500px){
    .ino-icon{width: 80px;height: 80px;}
    .index-one li{width: 48%;}
    .index-one li p{padding: 0;}
}

/* aboutus */
.index-two{background: url(../images/indexbj.jpg) no-repeat center;background-attachment: fixed; background-size: cover;}
.int-right{ width: 100%;height: 600px;padding: 80px;}
.indexus h5,.indexus h6{color: #494949;}
.index-about{margin-top: 25px;color: #999;font-size: 14px;line-height: 2;text-align: center;}
.about_img{margin-top: 30px;font-size: 0;}
.about_img li{width: 20%; display: inline-block;vertical-align: top;padding: 2px;}
.about_img li>img{width: 100%;}

@media(max-width: 800px){
    .int-right{ width: 100%;height: 600px;padding: 15px;}
    .about_img li{width: 33.3%;}
}
/* aboutus end */

/* Cooperative partner */
.index_partner{padding: 60px 0;}
.slide_img{font-size: 0;padding: 10px 36px;}
.slide_img li{width: 20%;display: inline-block;vertical-align: top;border: 1px solid #b5b5b5;text-align: center;margin-left: -1px;margin-top: -1px;}
.slide_img li>img{height: 100px;width: 100%;}
.banners{position: relative;margin-top: 100px;}
.banners .swiper-left,.banners .swiper-right{opacity: 1;}
.banners .swiper-left,.banners .swiper-right{position: absolute;top: 50%;transform: translateY(-50%);z-index: 999;}
.banners .swiper-left{left: -2px;}
.banners .swiper-right{right: 4px;}
.banners .swiper-left,.banners .swiper-right{background: url(../images/controlsnew.png);width: 27px;height: 70px;display: block;}
.banners .swiper-left{background-position:0 0;}
.banners .swiper-right{background-position:-32px 0;}

.banners .swiper-left:hover {background-position: 0 -80px;}
.banners .swiper-right:hover {background-position: -32px -80px;}

@media(max-width: 1020px){
    .banners{margin-top: 50px;}
}
@media(max-width: 800px){
    .slide_img li{width: 33.3%;}
    .slide_img li:last-child{display: none;}
    .slide_img li>img{height: 80px;}
    .slide_img{font-size: 0;padding: 4px;}
    .banners .swiper-left{left: 2px;}
    .banners .swiper-right{right:5px;}
}
@media(max-width: 600px){
    .slide_img li{width: 50%;}
    .slide_img li:last-child{display: block;display: inline-block;vertical-align: top;} 
}
/* Cooperative partner end */

/* index news */
.news{background: url(../images/newsbj.jpg);padding: 70px 0; margin:40px auto 0;background-size: 100% 100%;}
.index_l{width: 49%;float: left;background: #fff;padding: 15px;}
.index_r{width: 49%;float: right;}

.index_news{margin-top: 40px;overflow: hidden;}
.inews_text{padding:10px 10px 0;}
.news_a a{width: 100%;display: block;}
.inews_text h2,.inews_text .inews_t,.inews .news_s li .new_cen  h2,.inews .news_s li .new_cen  .inews_y{line-height: 2;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.inews_text h2{font-size: 18px;color: #444;-webkit-line-clamp: 1;height: 2em;}
.inews_text h3{font-size: 12px;color: #9c9c9c;line-height: 2;}
.inews_text .inews_t,.inews .news_s li .new_cen .inews_y{color: #999;font-size: 14px;line-height: 2;margin-top: 15px;-webkit-line-clamp: 3;height: 6em;}

.news_a a:hover .inews_text h2{color: #006038;}
.inews .news_s{font-size: 0;}

.inews .news_s li dl{width: 76px; height: 76px;text-align: center;float: left;background:#dedede;padding: 5px;}
.inews .news_s li dl dt{font-size: 28px;line-height: 40px;text-align: center;color: #a5a5a5;font-weight: bold;}
.inews .news_s li dl dd{font-size: 14px;line-height:20px;color: #b4b4b4;border-top: 1px solid #b4b4b4;}
.inews .news_s li .new_cen{width:80%;float: right;}
.inews .news_s li .new_cen h2{font-size: 18px;color: #444;line-height: 1;-webkit-line-clamp: 1;height: 1em;}
.inews .news_s li >a{width: 100%;display: inline-block;padding: 20px 20px 34px;border-bottom: 1px solid #dcdcdc;}
.inews .news_s li  a:hover h2{color: #006038;}

.more{margin: 40px 0;text-align: center;}
.more>a{border: 1px solid #dbdbdb;font-size: 16px;padding: 6px 24px;color: #6d6d6d;display: inline-block;}
.more>a:hover{border: 1px solid #006038;background: #006038; color: #fff;}

@media(max-width: 1200px){
    .inews .news_s li >a{padding:20px;}
}
@media(max-width: 1100px){
    .inews .news_s li >a{padding:15px;}
}
@media(max-width: 1000px){
    .inews .news_s li >a{padding: 16px 0;}
    .inews .news_s li dl{width: 70px;height: 70px;padding: 5px;}
    .inews .news_s li .new_cen{width:74%;}
    .inews_text .inews_t,.inews .news_s li .new_cen .inews_y{line-height: 1.5;-webkit-line-clamp: 3;height: 4.5em;}
}
@media(max-width: 800px){
    .index_l{padding: 0;}
    .index_l,.index_r{width: 100%;}
    .more{margin:24px 0;text-align: center;}
}
/* index news end */

/* about us */
.index-aboutus{width: 100%;background: #f6f6f6; padding: 60px 0;}
.index-left{width: 25%;float: left;/*background: #eee;*/overflow: hidden;}
.index-right{width: 73%;float: right;background: #fff;padding: 40px 15px;overflow: hidden;}
.index_right_s{width: 100%;background: #fff;padding: 40px 15px;overflow: hidden;min-height: 500px;}
.left_menus{overflow: hidden;margin-bottom: 20px;border: solid 1px #f1f1f1;}
.left_menu{}
.left_menu:last-child{margin-bottom: 0;}
.left_title{background: #009638;padding: 15px;color: #fff;}
.left_title h5{font-size: 16px;}
.left_title h6{font-size: 12px;line-height: 1.5;}
.left_navs{padding: 10px;background: #fff;}
/*.left_nav{padding: 0 5px 10px;background: #fff;}*/
.left_nav li>a{display: inline-block;width: 100%;border-bottom: 1px dashed #d1d1d1;color: #474747;font-size: 14px;padding: 15px 0;/*;line-height: 2;*/ /*padding:12px 15px;*/}
.left_nav li>a:hover,.left_nav li.active>a{font-weight: bold;color: #006038;}

/*.left_hot{padding:0 10px 10px;background: #fff;}*/
.left_navst{border-bottom: 1px dashed #d1d1d1;line-height: 1;padding: 12px 0;}
.left_navst li{width: auto;display: inline-block;vertical-align: top;}
.left_navst li{float: left;width: 50%;}
.left_navst li:nth-child(2n){float: right;width: 50%;text-align: right;}
.left_navst li a{display: inline-block;width: 100%;color: #474747;line-height: 2; font-size: 14px;overflow: hidden;display: inline-block;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.left_navst li>a:hover{font-weight: bold;color: #006038;}
.index-contact{background: url(../images/indexcontact.jpg);padding: 10px 5px;background-size: 100% 100%;}
.index-contact li{font-size: 15px;line-height: 2;color: #474747;}
.index-contact li>a:hover{color: #006038;}

.index_adderss{border-bottom: 2px solid #f0f0f0;padding:0 10px 10px;}
.title{font-size: 20px;float: left;color: #474747;font-weight: bold;position: relative;padding-left: 16px;line-height: 1.1;}
.title:before{content: "";height: 100%;width: 3px;position: absolute;left: 0;background: #009638;}
.index_add{float: right;line-height: 1.4;}
.index_add li{display: inline-block;vertical-align: middle;color: #999;font-size: 15px;}
.index_add li>a{color: #999;font-size: 15px;}
.index_add li>a:hover,.index_add li.active>a{font-weight: bold;color: #474747;}

.index-content{padding: 30px 10px 0;font-size: 14px;line-height: 2;color: #666;}
.index-map{margin-top: 30px;}
.index-content img,.index-content table{max-width: 100%!important;width: 100%!important;height: auto!important;}

.sideTitle {font-size: 16px;color: #FFF;background-color:#009638;padding: 15px;border: solid 1px #009638;border-bottom: none;}
.sideConetent {border:1px solid #f0f0f0;border-top:none;padding:9px;padding-bottom: 20px;background: #fff;}
.sideNewsList {}
.sideNewsList dl {border-bottom:1px solid #e5e5e5;}
.sideNewsList dl dt {font-weight:700;font-size:16px;line-height:24px;color:#333;}
.sideNewsList dl dd{}
.sideNewsList dl dd p{font-size:12px;line-height:20px;color:#999;}
.sideNewsList dl dd h6{font-size:12px;line-height:30px;color:#888;font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sideNewsList dl a:hover dt{color:#cf261f;text-decoration:underline;}
.sideNewsList dl dd h6:hover{color: #0093dd}
.sideContact ul{}
.sideContact ul li {margin-top: 5px;padding: 0 0 5px 24px;position: relative;font-size: 14px;line-height: 20px;color: #888;}
.sideContact ul li a {color: #888;font-size: 14px;}
.sideContact ul li a：hover{color: #0093dd!important}
.sideContact ul li span{width:22px;height:22px;position:absolute;left:-2px;top:-1px;background-position: left bottom;background-repeat:no-repeat;}
.sideContact ul li.icon-tel span{background-image:url(../images/icon-c.png);}
.sideContact ul li.icon-phone span{background-image:url(../images/icon-b.png);}
.sideContact ul li.icon-fax span{background-image:url(../images/icon-d.png);}
.sideContact ul li.icon-mail span{background-image:url(../images/icon-e.png);}
.sideContact ul li.icon-add span{background-image:url(../images/icon-f.png);}

@media(max-width: 1025px){
    .index-left{display: none;}
    .index-right{width: 100%;padding: 40px 15px;}
}

@media(max-width: 800px){
    .index-right{padding: 20px 10px;}
    .index_adderss{padding:0 0 10px;}
    .index-content{padding: 20px 0 0;}
}
@media(max-width: 460px){
    .index_add{width: 100%;padding-top: 10px;}
}
/* about us end */

/* news */
.index-news li{border-bottom: 1px solid #d6d6d6;padding: 10px 0;}
.index-news li>a{width: 100%;display: inline-block;}
.index-news li>a:hover .news_left{color: #009638;}
.index-news li .news_right>span{padding-left: 10px;}
.news_left,.news_text{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.news_left{width: 60%;line-height: 1.8; float: left;font-size: 16px;font-weight: bold; color: #474747;-webkit-line-clamp: 1;height: 1.9em;}
.news_right{width: 40%;float: right;text-align: right;font-size: 14px;color: #999;line-height: 2;}
.news_text{line-height: 1.6;font-size: 14px;color: #999;-webkit-line-clamp: 2;height: 3.4em;}

#bdshare a, #bdshare_s a, #bdshare_pop a,span.bds_more, .bds_tools a{height: 24px!important;}
#bdshare{float: right!important;z-index: 99!important;}

.inedx_xinwen{text-align: center;}
.inedx_xinwen h1{font-size: 20px;color: #474747;font-weight: bold;line-height: 1.5;}
.news_wen{width: 100%;padding:10px 0px 30px;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;margin-top: 20px;}
.riqi{display: inline-block;float: left;text-align: center; font-size: 14px;line-height: 1.7;}
.riqi span{color: #999;padding-right: 10px;}

.news_guan{border-top: 1px dashed #d1d1d1;border-bottom: 1px dashed #d1d1d1;font-size: 12px;padding: 6px 0;}
.news_guan li{color: #888;display: inline-block;vertical-align: middle;}
.news_guan li>a{padding-right: 8px;color: #888;}
.prvenext{width: 100%;padding-top: 10px;}
.prvenext li,.prvenext li>a{font-size: 14px;color: #888;}
.news_guan li>a:hover,.prvenext li>a:hover{color: #009638;}

.recent{width: 100%;margin-top: 20px;}
.recent .recent_title{font-weight: bold;border-bottom: 1px solid #009638;line-height:2.5;font-size: 14px;}
.recent_pro{font-size: 0;}
.recent_pro li{width: 16%;display: inline-block;vertical-align: top;margin: 10px 0.33%;}
.recent_pro li a{width: 100%;display: inline-block;text-align: center;}

.recent_pro li>a>img{border: 1px solid #ddd;}
.recent_pro li>a:hover>img{border: 1px solid #009638;}
.recent_pro li>a h6{font-size: 12px;text-align: center;margin-top: 10px;color: #888;line-height: 1.5; /* -webkit-line-clamp: 1;height: 1.6em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;*/}
.recent_pro li>a:hover h6,.relevant li>a:hover{color: #009638;}

.recent_pro li>a{width: 100%;}
.recent_pro li h6>a{color: #999;}

.relevant{font-size: 0;margin-top: 10px;}
.relevant li{width: 50%;display: inline-block;vertical-align: top;}
.relevant li{padding-right: 10px;}
.relevant li:nth-child(2n){padding-left: 10px;padding-right: 0;}
.relevant li>a{color: #999;display:inline-block;font-size: 12px;line-height: 2;-webkit-line-clamp: 1;height: 2.1em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}

@media(max-width: 800px){
    .news_left{width: 100%;}
    .news_right{width: 100%;text-align: left;}
    .index-news li .news_right>span{padding-right: 10px;padding-left: 0;}
    .recent_pro li{width: 32.5%;margin: 10px 0.4%;}
    .relevant li{width: 100%;}
    .relevant li{padding-right: 0;}
    .relevant li:nth-child(2n){padding-left: 0;}
}

@media(max-width: 500px){
    .riqi{width: 100%;text-align: center;}
    .news_wen{padding-bottom: 50px;}
    #bdshare{width: 150px!important;float: left; position: relative;right: 25%;}
}
/* news end */

/* products */
.text_product{border: 1px solid #e5e5e5;background: #f9f9f9;line-height: 24px;padding: 10px;text-indent: 2em;font-size: 14px;color: #888;}
.detail_left{width: 100%;text-align: center;}
.detail_left>img{width: 100%;max-width: 600px;}
.detail_right{width: 100%;text-align: center;margin-top: 10px;}
.detail_right h1{font-size: 20px;color: #474747;font-weight: bold;line-height: 1.5;}
.detail_right .list_text{margin: 10px 0; line-height: 2;}
.pdf >a,.pdf >a>i{display: inline-block;vertical-align: middle;color: #888;}
.pdf >a>i{background: url(../images/pdf.jpg) no-repeat;height: 44px;width: 32px;background-size: 100% 100%;}
.pdf >a:hover{color: #009638;}

.miaoshu{margin-top: 40px;}
.index_nav{border-bottom: 2px solid #009638;}
.index_nav li{display: inline-block;vertical-align: top;}
.index_nav li a{font-size: 14px;padding:2px 12px;background: #f6f6f6;display: inline-block;color: #888;}
.index_nav li.newson a,.index_nav li a:hover{color: #fff;background: #009638;}
.miaoshu .main{font-size: 15px;color: #666;line-height:2;padding-top: 30px;}

@media(max-width: 600px){
    .detail_left{width: 100%;}
    .detail_right{width: 100%;margin-top: 20px;}
    .detail_right h1{font-size: 16px;}
}
/* products end */

/* contactus */
.contactus .contact_title{font-weight: bold;font-weight: 18px;}
.contactus li{font-size: 16px;line-height: 2;color: #474747;}
.contactus li>a:hover{color: #009638;}

.message form{width: 100%;}
.message form input,.message form textarea{width: 100%;margin-bottom: 10px; padding: 10px;font-size: 14px;border: 1px solid #ddd;border-radius: 4px;}
.message form button{width: 100px;line-height: 1; padding:12px;background: #009638;border: none;color: #fff;font-size:15px;border-radius: 4px;}
.message form button:hover{background: #006038;}
/* contactus end */

/* download */
.download{width: 100%;}
.download li{border-bottom: 1px solid #ddd;padding: 15px 0;}
.downloada> a{font-size: 16px;text-decoration: underline;color: #474747;}
.downloada> a:hover{color: #009638;text-decoration: none;}
.down{float: left;}
.downa{margin-left: 20px;}
.downa>span{font-size: 13px;padding-right: 10px;}
.down>a{padding: 2px 18px;background:  #009638;color: #fff;font-size: 14px;}
.down>a:hover{background: #006038;}

@media(max-width: 500px){
    .down>a{padding: 2px 8px;}
    .downa>span{padding-right: 5px;}
    .downa{margin-left: 10px;}
}
/* download end */

/*footer*/
footer{width: 100%;padding-top: 50px;background: #1f2831;}
.footer li{list-style: none;}
.footer li.foot_nones{width: 22%;float: left;}
.footer li.foot_none{width: 14%;float: left;}
.footer .foot_cantact{width: 36%;float: right;}
.footer li .footer_nav li,.footer li.foot_cantact .footer_nav .foot{font-size: 14px;width: 100%;color: #b5b5b5;line-height: 2;}
.footer li .footer_nav .foot,.footer li.foot_cantact .footer_nav .foot{color: #fff;font-weight: bold;}
.footer li .footer_nav li>a{color: #b5b5b5;font-size: 14px;display: inline-block;}
.footer li .footer_nav li>a:hover{color: #009638;}
.footer li .footer_nav .foot_tel,.footer li .footer_nav .foot_tel a{color: #009638;font-weight: bold;font-size: 24px;line-height: 1.5;}
.footer_imgs{font-size: 0;}
.footer_imgs li{width: 25%;display: inline-block;vertical-align: top;text-align: center;padding: 6px;}
.footer_imgs li p{color: #888;font-size: 14px;padding-top: 10px;}
.copyright{background: #1f2831;width: 100%;font-size: 14px;border-top:solid 1px #696c75;margin-top: 50px;text-align: center;color: #696c75;padding: 10px 0;line-height: 2;display: inline-block;vertical-align: middle;}
.copyright a,.copyright a img{color: #696c75; display: inline-block;vertical-align: middle;}
.copyright a:hover{color: #009638;}

@media(max-width: 1020px){
    .footer li.foot_none{display: none;}
    .footer li.foot_nones,.footer .foot_cantact{display: block;width: 100%;}
    .footer li .footer_nav .foot_tel,.footer li .footer_nav .foot_tel a{font-size: 18px;}
    footer{padding-top: 30px;}
    .copyright{margin-top: 30px;padding: 10px;}
    .footer_imgs li{width: 25%;display: inline-block;vertical-align: top;text-align: center;padding: 2px;}
    .footer_imgs li p{color: #888;font-size: 12px;padding-top: 10px;}

}
/* footer end */

/* page number */
.pagenumber{margin-top: 40px;text-align: center;}
.page_list a{display: inline-block;border: 1px solid #d6d6d6;font-size: 14px;color: #666;padding: 0 12px;margin: 2px 0;}
.page_list a.on,.page_list a:hover{background: #006038;color: #fff;border: 1px solid #006038;}
/* page number end */

.leftside{background: #fff;padding: 5px;}
.lefttitle{position: relative;padding: 38px 10px; color:#999; font-size:22px;font-weight: bold;text-transform: uppercase;z-index: 9999;background:#fff;top:-40px;}
.lefttitle span{display: block;height: 29px;line-height: 29px;color: white;text-align: center;}
.leftmenu .item{position: relative;}
.leftmenu .item:before{display: none;content: ''; background: #d3565e;}
.leftmenu .hasub .n1{position: relative;}
.hasub a{border-bottom: 1px dashed #d1d1d1;}
.leftmenu .hasub .n1:before{content:'';position: absolute;top: 50%;transform: translateY(-50%); right: 0;width: 38px;height: 38px;cursor: pointer;background: url(../images/default.png) no-repeat center center;z-index: 2;}
.leftmenu .hasub.cur .n1:before{background: url(../images/cur.png) no-repeat center center;}
.leftmenu .item .ia{position: relative;display: inline-block;vertical-align: middle; width: 100%;border-bottom: 1px dashed #d1d1d1;color: #474747;font-size: 14px;padding: 15px 0;}
.leftmenu .item .ia:hover, .leftmenu .item.cur .ia{font-weight: bold;color: #009638;}
.leftmenu .item .subcate{display:none;}
.leftmenu .item .subcate .sia{position: relative;width: 100%;padding-left: 20px;display: inline-block; color: #474747;font-size: 14px;padding: 15px 0;}
.leftmenu .item .subcate .sia3{margin: 0 0 0 30px;}
.leftmenu  .item.cur:before{display: block;}
.leftmenu .item .subcate .sia:hover, .leftmenu .item .subcate .sia.cur{    font-weight: bold;color: #009638;}
.leftmenu .item .subcate .sia3:hover ,.leftmenu .item .subcate .sia3.cur{color: #ff7d01;background: none;}
.leftmenu .item.cur .subcate{display:block;}

.index_cases{font-size: 0;margin-bottom: 20px;border-bottom: 1px solid #ddd;padding-bottom: 20px;}
.index_cases:last-child{margin-bottom: 0;}
.cases_left,.cases_right{display: inline-block;vertical-align: middle;}
.cases_left{width: 21%;}

.news_left a:hover{color: #009638;}
.cases_right{width: 79%;padding-left: 10px;}
.news_text_s{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;line-height: 1.6;font-size: 14px;color: #999;-webkit-line-clamp: 2;height: 3.2em;}

@media(min-width: 641px){
    .cases_left img{max-width: 162px;max-height: 108px;width: 162px;height: 108px;}
}
@media(max-width: 640px){
    .cases_left img{width: 100%;height: auto;min-width: 100%;min-height: 100%;}
    .cases_left{width: 100%;}
    .cases_right{width: 100%;padding-left: 0;margin-top: 10px;}
}

.a_nav_s h3{font-size: 14px;color: #009638;height: 40px;line-height: 40px;border-bottom: 1px dashed #dedede;position: relative;}
.a_nav_s h3 .c-right1{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.a_nav_s h3 a{font-size: 14px;color: #009638;font-weight: bold;padding-left: 0px;}
.a_nav_s li{font-size: 14px;width: 20%;display: inline;line-height: 40px; padding-left: 10px;height: 40px;}
.a_nav_s li a{padding-right: 20px;color: #666;}
.a_nav_s li a:hover{text-decoration: underline;}

.index_center{text-align: center;padding-bottom: 20px;}
.footer_blocks{display: none;}

@media(max-width: 900px){
    .footer_blocks{display: none;}
    .footer_nones{display: block;}
}

.header-app .logo img{border-right: 1px solid #ddd;padding-right: 6px;}
.index_logo_s{position: fixed;left: 0;top: 0;width: 100%;text-align: left;}
.index_logo_s li{display: inline-block;vertical-align: middle;padding: 0;}
.index_logo_s li .logo_title{font-size: 14px;}
.index_logo_s li .logo_text{font-size: 12px;}

.index-content_nav li{width: auto;display: inline-block;vertical-align: middle;font-size: 14px;margin: 0 8px 4px 0;}
.index-content_nav li a{font-size: 14px;color: #484848;padding: 5px 10px;}
.index-content_nav li.active a,.index-content_nav li a:hover{background: #006038;color: #fff;}


/*产品*/
.w-100{width: 100%;}
.index_box_st{padding: 60px 0;}
.index_box_s{padding: 60px 0;background: #f1f1f1;}
.brandItems{font-size: 0;background: #fff;}
.brandItems li{width: 25%;display: inline-block;vertical-align: top;padding: 0 4px;}
.brandItems li .brand_s{background: #cccacc;padding: 30px;}
.brandItems li a{display: inline-block;opacity: 0.75;}
.brandItems li a .desc::before{content: "";position: absolute;left: 0;top: 0;height: 2px;width: 20px;background: #000;}
.brandItems li a .desc{margin-top: 10px;padding-top: 15px;position: relative;}
.brandItems li a .desc h3{font-size: 20px;color: #000;line-height: 2;font-weight: bold;}
.brandItems li a .desc .brand_desc_text{font-size: 14px;color: #555;line-height: 1.5;margin-bottom: 40px;overflow: hidden;display: inline-block;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;height: 6em;}
.brandItems li a:hover{opacity: 1;}

@media(max-width: 1020px){
    .index_box_st,.index_box_s{padding: 30px 0;}
    .brandItems li{width: 50%;margin-bottom: 4px;}
    .brandItems li .brand_s{padding: 6px;}
    .brandItems li a .desc h3{font-size: 16px;}
    .brandItems li a .desc .brand_desc_text{margin-bottom: 10px;}
    .index-tit h5{font-size: 24px;}
}

footer{width: 100%;border-top: 4px solid #006038;background: #2e2e2e;padding: 40px 0;}
footer .footlist{float: left;margin-right: 60px;}
footer .footlist li a{font-size: 14px;color: #ccc;line-height: 2;}
footer .footlist li.titles a{color: #fff;font-size: 16px;font-weight: bold;margin-bottom: 15px;}
.copyrights{text-align: center;width: 100%;font-size: 14px;padding: 10px;color: rgb(172, 171, 171);background: rgb(32, 30, 27);}
.copyrights a{color: rgb(172, 171, 171);}

#shop-roll{width: 66px; height: 240px; right: 0; bottom: 0; display: block; position: fixed; z-index: 9999; _display: none;}
#shop-roll ul li{background: url("../images/rollwechat.png") no-repeat; width: 66px; height: 66px;}
#shop-roll ul li:hover{opacity: 0.9; -moz-opacity: 0.9; cursor:pointer;}
#shop-roll ul #roll-menu-t{background-position: 0px 0px; margin-top: 0px; position: relative; list-style:none;}
#shop-roll ul #roll-menu-d{background-position: 0px -202px; margin-top: 2px; position: relative; list-style:none;}
#shop-roll ul #roll-menu-e{background-position: 0px -134px; margin-top: 2px; position: relative; list-style:none;}
#shop-roll ul #roll-menu-e:hover > ul {display: block;}
#shop-roll ul li a {width: 146px; height: 31px; float: left; display: block;}
#shop-roll ul #roll-menu-e ul img {right: 120px; bottom: -60px; width: auto; height: auto; position: absolute;}
#shop-roll ul #roll-menu-e ul {display: none;}
#shop-roll ul #roll-menu-q {background-position: 0px -66px; margin-top: 0px; position: relative; list-style:none;}
#shop-roll ul #roll-menu-t:hover > div {display: block;}
#shop-roll ul #roll-menu-q:hover > div {display: block;}
#shop-roll ul li .onlinetel{position: absolute;display: none;right: 66px;top: 0px;width:160px;color:#000;height:auto; min-height:66px;line-height:66px;padding-left:10px;font-size:14px;border: #ccc 1px solid; -webkit-box-shadow: 0 0 10px #ccc;-moz-box-shadow: 0 0 10px #ccc;box-shadow: 0px 0px 10px #cccccc;background:#FFF;}
#shop-roll ul li .onlineqqstyle{position: absolute;display: none;right: 66px;top: 0px;color:#000;width:auto;height:auto;min-height:150px;padding-top:20px;padding-bottom:20px;font-size:14px;border: #ccc 1px solid;-webkit-box-shadow: 0 0 10px #ccc;-moz-box-shadow: 0 0 10px #ccc;box-shadow: 0px 0px 10px #ccc;background:#fff;}
#shop-roll ul li .onlineqqstyle p {float:left; padding-left:36px;height:28px;color:#000;font-size:14px;line-height:28px;width:160px;margin:0;background:url(../images/qq.png) left 10px center no-repeat;}
#shop-roll ul li .onlineqqstyle p img {float:left;padding-right:10px;}
#shop-roll ul li .onlineqqstyle p a,.onlineqqstyle p a:link,.onlineqqstyle p a:visited{color:#666;font-size:14px;width:auto;height:28px;line-height:28px;text-decoration: none;}
#shop-roll ul li .onlineqqstyle p a:hover{color:#000000;width:auto;font-size:14px;height:28px;line-height:28px;text-decoration: none;}

@media(max-width: 768px){
    footer{display: none;}
    #shop-roll{display: none;}
}


.about_title{font-size: 24px;color: #222;}
/*.section-story{margin-top: 40px;}*/
.story-list2 .item{position: relative;margin-bottom: 20px;}
.story-list2 .picbox:hover img{transform: scale(1.04, 1.04);background: #fff;}
.story-list2 .picbox img{display: block;width: 100%;transition: transform 1.2s ease-in;}
.story-list2 .infobox{position: absolute;left: 0;top: 0;bottom: 0;width: 50%;background: #fff;}
.story-list2 .infobox .desc{margin-top: 30px;color:#888;font-size: 14px;}
.story-list2 .item:nth-child(odd) .picbox,.story-list2 .item:nth-child(even) .infobox{margin-left: 50%;}
.info_title{font-size: 20px;font-weight: bold;text-align: center;position: relative;padding-bottom: 20px;}
.info_title:before{content: ""; width: 40px;height: 3px;background: #006038;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.story-list2 .picbox{width: 50%;overflow: hidden;}

@media (min-width: 1200px){
    .dobest .desc{width: 60%;}
}
@media (max-width: 900px){
    .story-list2 .infobox{position: static;width: 100%;padding: 1em;}
    .story-list2 .picbox{width: 100%;}
    .story-list2 .item:nth-child(odd) .picbox,.story-list2 .item:nth-child(even) .infobox {margin-left: 0;}
    .story-list2 .picbox {width: 100%;}
    .story-list2 .infobox {position: static;width: 100%;padding: 1em;}
    .dobest .desc {width: 100%;}
    .banner>.picbox{width: 200%;margin-left: -50%;}
    .banner>.picbox>img{width: auto;height: 14em;margin-left: auto;margin-right: auto;}
}
@media (min-width: 1400px){
    .story-list2 .infobox {padding: 30px 40px;}
}
@media (max-width: 1399px){
  .story-list2 .infobox {padding: 15px;}
  .story-list2 .infobox .desc{margin-top: 10px;}
}
@media(max-width: 800px){
  .about_title{font-size: 20px;}
}